import { createVNode, render } from 'vue'
import Message from './index.vue'

// 准备dom容器
const div = document.createElement('div')
div.setAttribute('class', 'xtx-message-container')
document.body.appendChild(div)
// 声明一个定时器存放的位置
let timer = null
function message ({ type, text }) {
  // 根据组件创建虚拟节点
  const messageVnode = createVNode(Message, { type, text })
  console.log(createVNode(Message, { type, text }))
  // 把虚拟节点渲染到dom容器上
  render(messageVnode, div)
  // 清除定时器
  clearTimeout(timer)
  // 开启定时器,移除dom容器中的内容
  timer = setTimeout(() => {
    render(null, div)
  }, 2000)
}
export default message
